<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
</head>

<body>
    <!-- 作为标准的HTML基础一个导航栏是必须的。 -->
    <!-- 在我们的例子中我们将建立一个标准的HTML列表导航栏。 -->
    <!-- 导航条基本上是一个链接列表，所以使用 <ul> 和 <li>元素非常有意义： -->
    <ul>
        <li><a href="#home">主页</a></li>
        <li><a href="#news">新闻</a></li>
        <li><a href="#contact">联系</a></li>
        <li><a href="#about">关于</a></li>
    </ul>

    <p>注意：这里我们用 href="#"作为测试连接。但在一个真正的 web 站点上需要真实的 url。</p>

</body>

</html>